<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>music</title>
    <link rel="stylesheet" href="./stlylr.css">
</head>
<body>
    <div class="music-page">
        <div class="music-header">
            <span class="back"></span>
            <div class="title">正在播放</div>
        </div>
        <div class="music-content">
            <div class="pic">
                <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Ffile06.16sucai.com%2F2015%2F1123%2F8406e8b2a37b509614c2485cae950d95.jpg&refer=http%3A%2F%2Ffile06.16sucai.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1638359200&t=bd8a7ae7d5d212bb7ea1bab935f14c7a" alt="">
            </div>
            <div class="music-info">
                <div class="title">说好不哭</div>
                <div class="author">周杰伦</div>
  
                <div class="time"></div>
                <div class="slider">
                    <div class="time1">02:21</div>
                <div class="time2">04:41</div>
                </div>
                
                <div class="control-wrap">
                <div class="icon">
                    <i class="icon-shangyishoushangyige"></i>
                </div>
                <div class="icon"><i class="icon-shangyishoushangyige"></i></div>
                <div class="icon"><i class="icon-shangyishoushangyige"></i></div>
                <div class="icon"><i class="icon-shangyishoushangyige"></i></div>
                <div class="icon"><i class="icon-shangyishoushangyige"></i></div>icon-shangyishoushangyige
                </div>
            </div>
        </div>
    </div>
</body>
</html>